<extend name="Base/common"/>


<block name="body">
    <script type="text/javascript" src="__STATIC__/jquery.SuperSlide.2.1.1.source.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=2E82EE588fa91649b5b8ccab5f5f699b"></script>
    <div class="index-content">
        <div class="left-content">



            <div class="">
                <div class="info-title"><span><b>{$detail.title}</b></span></div>
            </div>
            <div>
                <span>{$detail.time|time_format}&nbsp;发布</span>&nbsp;&nbsp;
                <span>浏览&nbsp;{$detail.browse}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <!--<span><a class="" data-toggle="modal" data-target="#myModal" href="">发送到手机&nbsp;</a></span>-->
            </div>

            <hr>
            <div class="slideBox pull-left" id="slideBox">
                <php>     preg_match_all('/\[(.*?)\]/',$detail['photo'],$photo);
                </php>
                <div class="hd">
                    <ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ul>
                </div>

                <div class="bd">
                    <ul>
                        <li><a><img src="{$photo.1.0}" /></a></li>
                        <li><a><img src="{$photo.1.1}" /></a></li>
                        <li><a><img  src="{$photo.1.2}" /></a></li>
                        <li><a><php>if(empty($photo[1][3])){</php><img  src="__IMG__/default.jpg" /><php>}else{</php><img  src="{$photo.1.3}" /><php>}</php></a></li>
                        <li><a><php>if(empty($photo[1][4])){</php><img  src="__IMG__/default.jpg" /><php>}else{</php><img  src="{$photo.1.4}" /><php>}</php></a></li>
                        <li><a><php>if(empty($photo[1][5])){</php><img  src="__IMG__/default.jpg" /><php>}else{</php><img  src="{$photo.1.5}" /><php>}</php></a></li>
                    </ul>
                </div>

                <!-- 下面是前/后按钮代码，如果不需要删除即可 -->
                <a class="prev pull-left" href="javascript:void(0)"></a>
                <a class="next pull-right" href="javascript:void(0)"></a>

            </div>


            <div class="pull-right chuzu-det">

                <div class="qiuzu-detail">租金:&nbsp;&nbsp;<span
                        class="price">{$detail.price}</span>&nbsp;<span>元/月</span>
                </div>
                <div class="qiuzu-detail">户型:&nbsp;&nbsp;{$detail.type}&nbsp;-&nbsp;{$detail.style}</div>
                <div class="qiuzu-detail">面积:&nbsp;&nbsp;<span class="area">{$detail.area}</span>㎡</div>
                <div class="qiuzu-detail">区域:&nbsp;&nbsp;{$detail.position}</div>
                <div class="qiuzu-detail">小区:&nbsp;&nbsp;<span style="color: #e79d70">{$detail.village}</span></div>
                <div class="qiuzu-detail">概况:&nbsp;&nbsp;{$detail.orientation}&nbsp;-&nbsp;{$detail.mold}</div>
                <div class="qiuzu-detail" style="width:213px; ">配置:&nbsp;&nbsp;{$detail.configure}</div>
                <div class="qiuzu-detail">联系人:&nbsp;&nbsp;{$detail.nickname}</div>
                <div class="qiuzu-detail">联系方式:&nbsp;&nbsp;<span class="phone-number">{$detail.phone}</span></div>
            </div>


            <hr style="clear: both;">

            <div style="margin-bottom: 20px;">
            <div class="info-title" style="clear: both">出租说明</div>
            <div class="">
                <span style="line-height: 31px;">{$detail.description}</span>
            </div>
            </div>

            <div style="height: 300px;">
                <div class="info-title" style="clear: both;">周边地图</div>
                <div id="map" style="width: 590px;height: 300px;margin-bottom: 30px;float: left"></div>
                <div id="r-result" style="width: 160px;height: 300px;;float: left;overflow: hidden;" ></div>
            </div>
            <div class="info-title big-img" style="clear: both">房屋照片</div>
                <div class="img-det">
                <img src="{$photo.1.0}" />
                    <img src="{$photo.1.1}" />
                    <img src="{$photo.1.2}" />
                    <php>if(empty($photo[1][3])){</php><php>}else{</php><img  src="{$photo.1.3}" /><php>}</php>
                    <php>if(empty($photo[1][4])){</php><php>}else{</php><img  src="{$photo.1.4}" /><php>}</php>
                    <php>if(empty($photo[1][5])){</php><span>没有更多图片</span><php>}else{</php><img  src="{$photo.1.5}" /><php>}</php>
                </div>



        </div>





        <div>
            <include file="Public/sider_right"/>
        </div>

        <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title" id="myModalLabel">免费发送手机短信</h4>
                    </div>
                    <div class="modal-body">
                      <span style="width: 300px;display: inline-block">
                          {$detail.title}<br>{$detail.village}<br>{$detail.price}&nbsp;元/月<br>
                          <span class="price">{$detail.phone}</span>

                      </span>
                        <span style="width: 200px;display: inline-block">
                            <form method="post" name="sendForm" action="{:U('House/Index/sendForm')}">
                                <div class="form-group">
                                    <label for="exampleInputphone">请输入您的手机号</label>
                                    <input class="form-control" id="exampleInputphone" placeholder="手机号">
                                </div>

                                <div class="time-buttom" id="send_phone_code">获取手机确认码</div>

                                <div class="form-group">
                                    <label for="exampleInputrel">请输入验证码</label>
                                    <input class="form-control" id="exampleInputrel" placeholder="验证码">
                                </div>


                                    <button type="button" class="btn btn-primary">发送</button>


                            </form>


                        </span>
                    </div>

                </div><!-- /.modal-content -->
            </div><!-- /.modal-dialog -->
        </div><!-- /.modal -->

    </div>

    <script type="text/javascript">
        jQuery(".slideBox").slide({mainCell:".bd ul",autoPlay:true,effect:"left",delayTime:700});



        // 百度地图API功能
        var map = new BMap.Map("map");            // 创建Map实例
        map.centerAndZoom("杭州", 20);
        var opts = {type: BMAP_NAVIGATION_CONTROL_LARGE}
        map.addControl(new BMap.NavigationControl(opts));
        map.addControl(new BMap.ScaleControl());

        var local = new BMap.LocalSearch("杭州市", {
            renderOptions:{map: map, autoViewport:true,panel:"r-result"}
        });
        local.search("{$detail['village']}","{$detail['position']}");






    </script>




</block>
